<!--完善信息页面-->
{% extends 'master.html' %}
{% load static %}
{% block title %}
    <title>补全个人信息</title>
{% endblock %}
{% block css %}
    <link href="{% static 'css/addInfo.css' %}" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="{% static 'plugins/hover-css/css/hover.css' %}" media="all" type="text/css">
{% endblock %}
{% block content %}
    <!--补全信息表单-->
    <form method="POST" id="addinfo" enctype="multipart/form-data" novalidate>
        <div>
            {% csrf_token %}
            <div class="info-title">
                请完善您的信息
            </div>
            <div class="form-group input-div">
                <img alt="用户头像" style="height:100px;width: 100px;" src="{% static 'media/users/default.png' %}"
                     class=" my-img-circle">
                {{ form.headImg }}
                <p class="error-msg"></p>
            </div>
            <div class="form-group input-div">
                <label for="id_nickname"><i class="fa fa-vcard"></i>&nbsp;昵称</label>
                {{ form.name }}
                <p class="error-msg"></p>
            </div>
            <div class="form-group input-div">
                <label for="id_telephone"><i class="fa fa-phone"></i>&nbsp;电话号码</label>
                {{ form.phone }}
                <p class="error-msg"></p>
            </div>
            <div class="form-group input-div">
                <label for="id_position"><i class="fa fa-coffee"></i>&nbsp;职位</label>
                {{ form.position }}
            </div>
            <div class="form-group input-div">
                <label for="id_usertype"><i class="fa fa-book"></i>&nbsp;账户类型</label>
                <input type="text" id="id_usertype" readonly value="{{ user_type }}"
                       class="form-control my-input" name="usertype">
            </div>
            <div class="form-group input-div" style="display:none">
                <label for="id_password">密码</label>
                {{ form.password }}
            </div>
            <div class="form-group input-div" style="display:none">
                <label for="id_password">密码</label>
                {{ form.password }}
            </div>
        </div>
        <div style="width:100%;transition:height 1s;">
            <div class="button-groups">
                <a class="button hvr-bounce-to-right" id="next-step">下一步</a>
            </div>
            <div class="button-groups-next-step" style="display:none">
                <a class="button hvr-bounce-to-left" id="pre-step">上一步</a>
                <a class="button hvr-bounce-to-right" id="go-index">开始！</a>
            </div>
        </div>
    </form>
{% endblock %}
{% block js %}
    <script src="{% static 'js/addInfo.js' %}" type="text/javascript"></script>
{% endblock %}